
/* 
*  sideway 
*/
#sideway {
    position: fixed;
    bottom: 40px;
    display: block;
    padding: 3px 6px;
    right: 0;
    min-width: 42px;
    z-index: 990;// jwplayer fullscreen 1000
}

#sideway .nav-stacked {
    background: #fcfcfc;
    margin-bottom: 0;
}

#sideway .nav-stacked li a {
    padding: 3px 6px;
}


/* 
*  totop 
*/
#totop {
    position: fixed;
    right: 2px;
    bottom: 2px;
    display: block;
    // padding: 3px 6px;

    text-decoration: none;
    color: #666;
    cursor: pointer;
    // .opacity(90);
}
#sideway #totop {
    position: static;
    padding:0;
}


.sideway .nav{

    a .icon {
        background: url('../../images/images/icons.gif') no-repeat;
        width: 45px;
        height: 45px;
        margin-right: 0;
        margin: 0;

    } 

    // a:hover .icon {
    //     background-position-x: -50px;
    // }

    a .icon-comment {
        background-position: 0 -651px;
    }

     li.active a .icon-comment,
     a:hover .icon-comment {
        background-position-y: -651px;
    }

    a .icon-comment-manage {
        background-position: 0 -703px;
    }

     li.active a .icon-comment-manage,
     a:hover .icon-comment-manage {
        background-position-y: -703px;
    }

    a .icon-comment-manage {
        background-position: 0 -683px;
    }

     li.active a .icon-comment-manage,
     a:hover .icon-comment-manage {
        background-position-y: -683px;
    }

    a .icon-album {
        background-position: 0 -754px;
    }

     li.active a .icon-album,
     a:hover .icon-album {
        background-position-y: -754px;
    }

    a .icon-askreplay {
        background-position: 0 -720px;
    }

     li.active a .icon-askreplay,
     a:hover .icon-askreplay {
        background-position-y: -720px;
    }

    a .icon-studio {
        background-position: 0 -908px;
    }

     li.active a .icon-studio,
     a:hover .icon-studio {
        background-position-y: -908px;
    }


    a .icon-subject {
        background-position: 0 -823px;
    }

     li.active a .icon-subject,
     a:hover .icon-subject {
        background-position-y: -823px;
    }

    a .icon-meeting {
        background-position: 0 -865px;
    }

     li.active a .icon-meeting,
     a:hover .icon-meeting {
        background-position-y: -865px;
    }

    // a .icon-totop {
    //     background-position: 0 -788px;
    // }

    //  li.active a .icon-totop,
    //  a:hover .icon-toptop {
    //     background-position-y: -788px;
    // }
    a .icon-totop {
        background:url('../../images/libs/gotop.png') no-repeat;
    }
    // li.active a .icon-totop,
     a:hover .icon-totop {
        background:url('../../images/libs/gotop_hover.png') no-repeat;
    }

}


@media (min-width: 1200px)  {
    #sideway{
        right:2%;
    }
}